<!--
<template>
&lt;!&ndash;测评&ndash;&gt;
  <div>
    <headers></headers>
    <div class="question">
      <div class=" auto">
        <div class="header">
          <p class="pull-left">服务能力<span>青铜Ⅲ</span></p>
          <span><img src="../../assets/clock1.png" alt="" width="19">剩余时间：29秒</span>
          <p class="pull-right"><span>{{idx}}</span>/5</p>
        </div>
        <div class="content">
          <slot></slot>
        </div>
      </div>
    </div>
    <footers></footers>
  </div>
</template>
&lt;!&ndash; Add "scoped" attribute to limit CSS to this component only &ndash;&gt;
<style scoped lang="less" rel="stylesheet/less">
  .question{
    background-color: #f5f5f5;
    margin-bottom: -50px;
    padding:40px 0 100px;
    .auto{
      background-color: #fff;
      border-radius: 3px;
      padding: 30px;
      .header{
        border-bottom: 1px solid #dbdbdb;
        padding-bottom: 20px;
        font-size: 18px;
        color: #666;
        img{
          vertical-align: middle;
          margin-right: 10px;
        }
        .pull-left{
          font-size: 24px;
          color: #333;
          span{
            margin-left: 30px;
          }
        }
        .pull-right{
          font-size: 20px;
          color: #333;
          span{
            color: #ff0000;
          }
        }
      }
      .content{
        padding: 25px 0;
        text-align: left;
        .title{
          font-size: 20px;
          color: #000;
          margin-bottom: 20px;
        }
        li{
          line-height: 45px;
          font-size: 18px;
          color: #000;
          span{
            font-size: 14px;
            border:1px solid #ccc;
            border-radius: 50%;
            display: inline-block;
            width: 26px;
            height: 26px;
            line-height: 26px;
            text-align: center;
            margin-right: 20px;
            font-weight: 700;
          }
          i{
            margin-right: 16px;
            font-size: 30px;
          }
        }
        .error{
          color: #ff3300;

        }
        .zhengque{
          color: #009900;
        }
        button{
          background-color: #957960;
          border-color: #957960;
          font-size: 20px;
          height: 59px;
          width: 282px;
          margin: 40px 0 0 45px;
          color: #fff;
        }
      }
    }
  }
</style>
<script type="text/ecmascript-6">
  import headers from './header'
  import footers from './footer'
    export default {
        name: 'question',
        props: {
          idx:''
        },
        data() {
            return {

            };
        },
        methods: {
        },
        created() {

        },
        components: {
          headers,
          footers,
        }
    }
</script>
-->
